const path = require("path");
function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  lintOnSave: false,

    pages: {
      index: {
        // page 的入口
        entry: 'src/main.js',
        // 模板来源
        template: 'public/index.html',
        // 在 dist/index.html 的输出
        filename: 'index.html',
        // 当使用 title 选项时，
        // template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
        title: 'Index Page',
        // 在这个页面中包含的块，默认情况下会包含
        // 提取出来的通用 chunk 和 vendor chunk。
        chunks: ['chunk-vendors', 'chunk-common', 'index']
      },
    },

    devServer:{
      // host: "localhost",
      // host: "10.252.55.250",
      // host: "10.252.36.146",
      // open: true,
      
      // 代理
      proxy: {
        '/api': {
          target: 'http://127.0.0.1:8081',
          pathRewrite: { '^/api': '' },
      		
          changeOrigin: true,
        },     
        
        
      }
    },

    // 路径简化
    chainWebpack: config => {
      config.resolve.alias
        .set("@", resolve("src"))
        .set("styles", resolve("./src/assets/styles"))      
        .set("common", resolve("./src/common"))
    },
}